@charset "utf-8";
@import url("font/font.css");
@import url("grid.css");
input[type='text'],input[type='password'],input[type='number'],input[type='datetime'],input[type='email'],textarea{
	box-sizing:border-box;
}
html{
	display:block;
	margin:auto;
	overflow:auto;
	width:100%;
	height:100%;
	position:relative;
	box-sizing:border-box;
}
body{
	display:block;
	margin:auto;
	width:auto;
	height:auto;
	overflow:hidden;
}
.tfoot{
	width:100%;
	height:auto;
	display:block;
	margin:auto;
	left:0px;
	right:0px;
	bottom:0px;
	top:auto;
	position:fixed;
	background-color:#fff;
	border-top:1px solid #ddd;
	min-height:50px;
}
a{text-decoration:none;}
a:hover,a:active{text-decoration:none;}

a.combox_arrow{
	width:auto;
	height:auto;
	display:inline-flex;
	display:-webkit-inline-flex;
	column-gap:6px;
	align-items:center;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
a.combox_arrow:before{
	content: "";
	display:block;
	vertical-align:middle;
	width:4px;
	height:4px;
	overflow:hidden;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg);
	transform-origin:center;
}
.combox_tbody{
	background-color:#fff;
	display:none;
	margin:auto;
	width:auto;
	height:auto;
	overflow:hidden;
	position:absolute;
	box-sizing:border-box;
	padding:5px;
	border:1px solid #ddd;
}
.combox_tbody>li{
	list-style:none;
	display:block;
	margin:auto;
	width:auto;
	height:auto;
	line-height:30px;
}
.combox_item{
	display:block;
	margin:auto;
	width:auto;
	height:20px;
	line-height:20px;
	padding:5px;
	cursor:pointer;
}
.combox_item:hover{
	background-color:#09F;
	color:#fff!important;
}
.combox_item:active{
	background-color:#09F;
	color:#fff!important;
}
a.combox_item{
	width:auto;
	height:30px;
	line-height:30px;
	display:block;
	margin:auto;
	overflow:hidden;
	transition:all 0.4s;
	padding:3px;
	outline:none;
}
a.combox_item:hover{
	transition:all 0.4s;
	background-color:#f5f5f5;
}
a.combox_item:focus{
	transition:all 0.4s;
	background-color:#f5f5f5;
}
a.combox_item:active{
	transition:all 0.4s;
	background-color:#f5f5f5;
}
/*布局*/
.layout_thead{
	background-color:#f5f5f5;
	background-image:linear-gradient(#fff 0, #f5f5f5 10%, #f3f3f3 50%);
}
/*window样式*/
.window_tb{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	background-color:#fff;
}
.window_thead{
	background-color:#eee;
	height:40px;
	line-height:40px;
	cursor:pointer;
	color:#333;
}
.window_tbody{
	position:relative;
}
.window_title{
	padding:10px;
	height:20px;
	line-height:20px;
	font-weight:bold;
	display:block;
	margin:auto;
	overflow:hidden;
}
a.window_close{
	width:40px;
	height:40px;
	display:inline-block;
	margin:auto;
	overflow:hidde;
	outline:none;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
}
a.window_close:before{
	content:"X";
	font-family:Arial, Helvetica, sans-serif;
	transform:scale(1.4,1);
	font-size:8px;
	width:10px;
	height:10px;
	line-height:10px;
	display:block;
	margin:10px;
	overflow:hidden;
	text-align:center;
	color:#000;
	padding-top:2px;
	font-size:14px;
}
a.window_normal{
	width:40px;
	height:40px;
	display:inline-block;
	margin:auto;
	overflow:hidde;
	outline:none;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}
a.window_normal:before{
	content:"";
	width:10px;
	height:10px;
	border:1px solid #333;
	display:inline-block;
	vertical-align:middle;
	margin:15px;
}
a.window_max{
	width:10px;
	height:10px;
	line-height:10px;
	display:inline-block;
	margin:auto;
	overflow:visible;
	outline:none;
	position:relative;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
a.window_max:before{
	content:"";
	width:8px;
	height:8px;
	border:1px solid #333;
	display:block;
	overflow:hidden;
	margin:auto;
}
a.window_max:after{
	content:"";
	width:8px;
	height:8px;
	border:1px solid #333;
	display:block;
	background-color:#dee1e6;
	position:absolute;
	left:8px;
	top:12px;
	right:0px;
	bottom:0px;
}



/*对话框*/
.msg_tb{
	width:auto;
	height:auto;
	overflow:hidden;
	display:grid;
	grid-template-rows:50px auto 50px;
	margin:auto;
	background-color:#fff;
	min-width:360px;
	min-height:150px;
	box-shadow:0 0 10px 0px rgba(0,0,0,0.4);
	box-sizing:border-box;
}
.msg_thead{
	background-image:linear-gradient(0deg,#eee,#fff);
	background-color:#dee1e6;
	height:30px;
	line-height:30px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}
.msg_tbody{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	padding:10px;
	font-size:14px;
}
.msg_tfoot{
	overflow:hidden;
	text-align:right;
	display:flex;
	display:-webkit-flex;
	justify-content:flex-end;
	column-gap:5px;
	width:auto;
	height:auto;
	padding:10px;
}
a.msg_bt{
	width:60px;
	height:30px;
	line-height:30px;
	background-color:#066ab9;
	color:#fff!important;
	text-align:center;
	outline:none;
	display:inline-block;
	border-radius:2px;
	text-decoration:none;
	font-size:14px;
	margin:auto;
	vertical-align:middle;
}
a.alert_bt{
	width:auto;
	height:30px;
	line-height:30px;
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	outline:none;
	background-color:#333;
	color:#fff!important;
	font-size:14px;
	min-width:40px;
}
a.msg_yes{
	width:auto;
	height:30px;
	line-height:30px;
	background-color:#066ab9;
	color:#fff!important;
	text-align:center;
	outline:none;
	display:block;
	text-decoration:none;
	font-size:14px;
	vertical-align:middle;
	padding-left:20px;
	padding-right:20px;
}
a.msg_no{
	width:auto;
	height:30px;
	line-height:30px;
	background-color:#f5f5f5;
	text-align:center;
	outline:none;
	display:block;
	text-decoration:none;
	font-size:14px;
	vertical-align:middle;
	padding-left:20px;
	padding-right:20px;
}
/*按钮*/
a.linkbutton{
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px;
	min-width:40px;
	overflow:hidden;
	margin:auto;
	box-sizing:border-box;
	background-color:#555;
	text-align:center;
	color:#fff!important;
	text-decoration:none;
	font-size:12px;	
	border-radius:2px;
	vertical-align:middle;
	margin:1px;
	white-space:nowrap;
	padding-left:10px;
	padding-right:10px;
}
a.linkbutton:hover{
	background-color:#F90;
}
a.menubutton{
	width:auto;
	height:auto;
	display:inline-flex;
	display:-webkit-inline-flex;
	column-gap:6px;
	align-items:center;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
a.menubutton:hover{
	background-color:#F90;
}
a.menubutton:after{
	content: "";
	display:block;
	vertical-align:middle;
	width:4px;
	height:4px;
	overflow:hidden;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg);
	transform-origin:center;
}
.menusub{
	width:160px;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	position:absolute;
	background-color:#fff;
	padding:5px;
	display:none;
	border:1px solid #ccc;
}
.menusubbutton,a.menusubbutton{
	width:auto;
	height:20px;
	line-height:20px;
	display:block;
	text-align:left;
	text-decoration:none;
	outline:none;
	font-size:12px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:2px;
	color:#333;
}
.menusubbutton:hover,a.menusubbutton:hover{
	background-color:#f5f5f5;
	color:#333;
}
a.disabled:link,a.disabled:visited,a.disabled:hover,a.disabled:active{
	color:#999!important;
	background-color:#f5f5f5!important;
}
.disabled{
	color:#999!important;
	background-color:#f5f5f5!important;
}
/*数据表格*/
.grid{
	
}
.grid>thead>tr>th{
	min-height:30px;
	line-height:30px;
	background-color:#f5f5f5;
	background-image:linear-gradient(0deg,#f5f5f5,#fff);
	border-bottom:1px solid #eee;
	text-align:left;
}
.grid>tbody>tr>td{
	min-height:30px;
	line-height:30px;
	border-bottom:1px solid #eee;
}
.grid>tbody>tr{
	background-color:#fff;
}
.grid>tbody>tr:hover{
	min-height:30px;
	line-height:30px;
	background-color:#f5f5f5;
}

.show{}
.hide()
.pagebar{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
}
.pagebar_right{
	display:flex;
	display:-webkit-flex;
	align-items:center;
}
.pagebar_tool{
	width:auto;
	height:auto;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle;
}
.pagebar_tb{
	width:auto;
	display:grid;
	grid-template-columns:auto auto;
	row-gap:10px;
	column-gap:10px;
	justify-content:space-between;
	align-items:center;
	height:auto;
	margin:auto;
	overflow:hidden;
}
@media (max-width:480px){
	.pagebar_tb{
		grid-template-columns:auto;
		justify-content:center;
		text-align:center;
		padding:10px;
	}
}
	.pagebar_left,pagebar_right{
	width:auto;
	height:auto;
	display:block;
	overflow:hidden;
}

a.pagebar_bt{
	width:auto;
	height:30px;
	line-height:30px;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding-left:8px;
	padding-right:8px;
	vertical-align:middle;
	border-radius:5px;
}
a.pagebar_bt:hover{
	background-color:#eee;
	}
/*选项卡*/
.tab{

}
.tab_thead{
	width:100%;
	height:40px;
	display:block;
	margin:auto;
	overflow:hidden;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:auto;
	background-color:#f5f5f5;
	box-sizing:border-box;
	white-space:nowrap;
}
.tab_tfoot{
	width:100%;
	height:100%;
	display:block;
	margin:auto;
	overflow:auto;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:auto;
	background-color:#fff;
	box-sizing:border-box;
}
.tab_more{
	width:40px;
	height:40px;
	display:block;
	margin:auto;
	overflow:hidden;
	
}
.tab_tfoot_item>a{
	width:auto;
	height:auto;
	line-height:150%;
	display:block;
	margin:5px;
	padding:2px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
}
.tab_tfoot_item{
	width:10%;
	height:auto;
	display:inline-block;
	margin:auto;
	vertical-align:top;
	text-align:center;
	float:left;
}
.tab_item{
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	font-size:14px;
}
.tab_item_on{
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	background-color:#fff;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	font-size:14px;
}
.tab_left{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
}
.tab_right{
	width:40px;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	background-color:#f5f5f5;
}
a.tab_close{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	vertical-align:top;
	cursor:pointer;
}
a.tab_close:before{
	width:20px;
	height:20px;
	line-height:20px;
	display:block;
	overflow:hidden;
	content: "\f00d";
	font-family: 'FontAwesome';
	text-align:center;
	font-size:14px;
	border:1px solid #333;
	color:#333;
	margin:10px;
	box-sizing:border-box;
}
a.tab_more{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	display:block;
	vertical-align:top;
	cursor:pointer;
}
a.tab_more:before{
	width:20px;
	height:20px;
	line-height:20px;
	display:block;
	overflow:hidden;
	content: "+";
	font-family: 'arial';
	text-align:center;
	font-size:18px;
	border:1px solid #333;
	color:#333;
	margin:10px;
	box-sizing:border-box;
}
/*日期*/
.date_tmodal{
	background-color:#000;
	opacity:0.4;
}
.date_tb{
	width:200px;
	height:auto;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#fff;
	padding:5px;
}
.date_thead{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	padding:5px;
}
.date_tbody{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
}
.date_item{
	width:14.2%;
	height:auto;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	vertical-align:top;
	text-align:center;
	box-sizing:border-box;
}
.date_item:hover{}
.date_li{
	width:auto;
	height:24px;
	line-height:24px;
	margin:2px;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	transition:all 0.4s;
	cursor:pointer;
	box-sizing:border-box;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.date_li:hover{
	border:1px solid #ddd;
	transition:all 0.4s;
}
.date_tfoot{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
}
.date_tfoot>div{
	width:14.2%;
	height:30px;
	line-height:30px;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	vertical-align:top;
	text-align:center;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}
.date_bottom{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
}
a.date_yes{
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px!important;
	min-width:60px;
	overflow:hidden;
	text-align:center;
	color:#fff!important;
	background-color:#066ab9;
	font-size:12px;
	border-radius:2px;
	vertical-align:top;
	margin:2px;
}
a.date_no{
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px!important;
	min-width:60px;
	overflow:hidden;
	text-align:center;
	color:#fff!important;
	background-color:#555;
	font-size:12px;
	border-radius:2px;
	vertical-align:top;
	margin:2px;
}
/*loading*/
.loading_tmodal{
	background-color:#000;
	opacity:0.2;
	width:100%;
	height:100%;
	display:block;
	margin:auto;
	overflow:hidden;
	padding:0px;
}

/*拾色器 */
.color_tmodal{display:block;}
.color_tfoot{
	width:auto;
	height:auto;
	padding:5px;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
}
.color_thead{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
}
.color_tbody{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	margin-top:5px;
	transform:scale(0.9,0.9);
}
.color_tfoot{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	margin-top:5px;
	text-align:right;
	
}
.color_red_green:before{
	width:auto;
	height:auto;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:-20px;
	line-height:20px;
	font-size:12px;
	content:"红绿通道";
	color:#333;
}
.color_blue:before{
	width:auto;
	height:auto;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:-20px;
	line-height:20px;
	font-size:12px;
	content:"蓝通道";
	color:#333;
}
.color_alph:before{
	width:auto;
	height:auto;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:-20px;
	line-height:20px;
	font-size:12px;
	content:"ALPH";
	color:#333;
}
.color_input{
	width:30px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	outline:none;
	border:1px solid #ddd;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0px!important;
	text-align:center;
	
}
a.color_yes{
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px;
	min-width:60px;
	overflow:hidden;
	text-align:center;
	color:#fff!important;
	background-color:#066ab9;
	font-size:12px;
	border-radius:2px;
	vertical-align:top;
	margin:2px;
}
a.color_no{
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px;
	min-width:60px;
	overflow:hidden;
	text-align:center;
	color:#fff!important;
	background-color:#555;
	font-size:12px;
	border-radius:2px;
	vertical-align:top;
	margin:2px;
}
.bt_save,a.bt_save{
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	background-color:#09F;
	color:#fff!important;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	outline:none;
	vertical-align:top;
	min-width:80px;
	transition:all 0.4s;
	border-radius:2px;
}
.bt_cancel,a.bt_cancel{
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	background-color:#333;
	color:#fff!important;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	outline:none;
	vertical-align:top;
	min-width:80px;
	transition:all 0.4s;
}
/*拖拽*/
.resize_region{
	width:10px;
	height:10px;
	box-sizing:border-box;
	border:1px solid #000;
	background-color:#fff;
	position:absolute;
	display:none;
	margin:auto;
	overflow:hidden;
}
/*编辑器*/
.qui_thead{
	width:auto;
	height:auto;
	display:block;
	overflow:hidden;
	margin:auto;
	background-color:#f5f5f5;
	border-bottom:1px solid #ddd;
}
.qui-item{
	width:auto;
	height:auto;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	margin:auto;
	min-width:40px;
}
.qui-tb{
	width:auto;
	height:40px;
	line-height:40px;
	display:block;
	overflow:hidden;
	margin:auto;
	box-sizing:border-box;
	position:relative;
}
a.qui-a{
	width:auto;
	height:auto;
	display:block;
	overflow:hidden;
	margin:auto;
	outline:none;
	transition:all 0.4s;
	cursor:pointer;
	box-sizing:border-box;
}
a.qui-a:hover{
	background-color:#f6f6f6;
}
a.qui-a:before{
	width:auto;
	height:auto;
	line-height:40px;
	display:block;
	margin:auto;
	overflow:hidden;
	text-align:center;
	font-family: 'FontAwesome';
	font-size:16px;
}
.qui-cut:before{
	content: "\f0c4";
}
.qui-copy:before{
	content: "\f0c5";
}
.qui-paster:before{
	content: "\f0ea";
}
.qui-image:before{
	content: "\f03e";
}
.qui-vedio:before{
	content: "\f1c8";
}
.qui-link:before{
	content: "\f0c1";
}
.qui-unlink:before{
	content: "\f127";
}
.qui-color:before{
	content: "\f127";
}
.qui-back:before{
	content: "\f127";
}
.qui-fontsize:before{
	content: "\f127";
}
.qui-code:before{
	content: "\f121";
}
.qui-table:before{
	content: "\f0ce";
}
.qui-select{
	width:auto;
	height:30px;
	line-height:30px;
	display:inline-block;
	vertical-align:middle;
	outline:none;
	border:1px solid #ddd;
}
a.node{
	width:20px;
	height:20px;
	display:inline-block;
	margin:auto;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
a.tree{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
}
a.tree:before{
	width:12px;
	height:12px;
	line-height:12px;
	font-size:12px;
	display:block;
	margin:auto;
	text-align:center;
	font-family: 'FontAwesome';
	content: "\f0da";
}
a.tree_on{
	width:auto;
	height:12px;
	overflow:hidden;
	margin:auto;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
}
a.tree_on:before{
	width:12px;
	height:12px;
	line-height:12px;
	font-size:12px;
	display:block;
	margin:auto;
	text-align:center;
	font-family: 'FontAwesome';
	content: "\f0d7";
}

.treegrid{
	width:100%;
	height:auto;
	display:table;
	overflow:hidden;
	margin:auto;
	border:1px solid #eee;
	border-bottom:none;
}
.treegrid>thead{
}
.treegrid>thead>tr{
}
.treegrid>thead>tr>th{
	height:auto;
	line-height:40px;
	overflow:hidden;
	margin:auto;
	background-color:#f5f5f5;
	background-image:linear-gradient(0deg,#f2f2f2,#fefefe);
	border-bottom:1px solid #eee;
}
.treegrid_tr{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:auto;
}
.treegrid_td{
	width:auto;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	overflow:hidden;
	margin:auto;
	white-space:nowrap;
	box-sizing:border-box;
	vertical-align:top;
	border-bottom:1px solid #eee;
}
.treegrid_tbody{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
}
/*客服*/
.kf_pic{
	width:100%;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	right:0px;
	transition:all 0.4s;
}
.kf_pic:hover{
	width:100px;
	transition:all 0.4s;
	max-width:none;
}
@media (max-width:767px){
	.kf_pic{display:none;}
}
.kf_quandi:before{
	content: "";
}
.kf_qq:before{
	content: "\f1d6";
}
.kf_msn:before{
	content:"\f007";
}
.kf_ww:before{
	content:"\f075";
}
.kf_skype:before{
	content:"\f17e"
}

.kf_app:before{
	content: "\f232";
}
.kf_sms:before{
	content:"\f27b";
}
.kf_tel:before{
	content:"\f095";
}
.kf_email:before{
	content:"\f003";
}
.kf_home:before{
	content: "\f015";
}
.kf_map:before{
	content: "\f041";
}
.kf_contact:before{
	content: "\f007";
}
.form-error{
	border:1px solid #ff574e!important;
	color:#ff574e;
	background-image:url(images/form-error.png);
	background-position:97% 8px;
	background-repeat:no-repeat;
	padding-right:35px!important;
}
.form-ok{
	border:1px solid #33cc66!important;
	color:#33cc66;
	background-image:url(images/form-ok.png);
	background-position:97% 8px;
	background-repeat:no-repeat;
	padding-right:35px!important;
}

.error{
	border:1px solid #ff574e!important;
	color:#ff574e;
	background-image:url(images/form-error.png);
	background-position:97% 8px;
	background-repeat:no-repeat;
	padding-right:35px!important;
}
.ok{
	border:1px solid #33cc66!important;
	color:#33cc66;
	background-image:url(images/form-ok.png);
	background-position:97% 8px;
	background-repeat:no-repeat;
	padding-right:35px!important;
}
.smm_bt{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	overflow:auto;
	margin:auto;
	font-size:22px;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	border-radius:0px;
	color:#066ab9;
}
.smm_bt:hover{
	background-color:#066ab9;
	border-radius:5px;
	color:#fff!important;
}
.smm_bt:before{
	display:block;
	font-size:20px;
	line-height:40px;
	text-align:center;
	
}
.smm_thead{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	position:relative;
	line-height:30px;
	text-align:right;
}
.smm_thead:before{
	display:inline-block;
	overflow:hidden;
	margin:auto;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#333;
	color:#fff!important;
	border-radius:2px;
	font-size:20px;
}
.sm_tb{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
}
.sm_thead{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	position:relative;
	line-height:20px;
}

.sm_tbody{
	display:none;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	padding-left:20px;
}
.sm_tbody a.sm_name{font-size:12px;}
a.sm_name{
	display:inline-block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	vertical-align:middle;
	font-size:14px;
	padding:5px;
	font-weight:bold;
}

.sm_0 a.sm_name{font-weight:normal;}
a.sm_fold{
	display:inline-block;
	overflow:hidden;
	margin:auto;
	width:20px;
	height:20px;
	line-height:20px!important;
	text-align:center;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.form_text,.form_password,.form_input,.form_select{
	max-width:100%;
	width:100%;
	height:40px;
	line-height:40px;
	border:1px solid #ddd;
}
.form_date,.form_datetime{
	max-width:100%;
	width:100%;
	height:40px;
	line-height:40px;
	border:1px solid #ddd;
}
.form_area,.form_textarea{
	max-width:100%;
	width:100%;
	height:100px;
	line-height:40px;
	border:1px solid #ddd;
	resize:vertical;
	overflow:visible;
}

.form_item{
	display:grid;
	grid-template-columns:15% auto;
	column-gap:10px;
	row-gap:10px;
	width:auto;
	height:auto;
}
@media (max-width:767px){.form_item{grid-template-columns:auto;}}
.form_li{
	display:inline-block;
	width:auto;
	height:auto;
	margin:auto;
	vertical-align:middle;
	padding-right:10px;
}
.form_txt{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	padding:10px;
	padding-left:15%;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	line-height:2;
	font-size:1.5rem;
}
.form_notice{color:#f00;display:inline-block;color:#f00;vertical-align:middle;padding:5px;}
a#form_bt{
	display:block;
	width:auto;
	height:50px;
	line-height:50px;
	background-color:#333;
	color:#fff!important;
	text-align:center;
	line-height:45px;
}
a#form_bt:hover{
	background-color:#555;
}
#form_tbody{
	display:grid;
	grid-template-columns:auto;
	row-gap:15px;
	width:auto;
	height:auto;
}
#form_tfoot{
	display:grid;
	grid-template-columns:15% auto;
	column-gap:10px;
	row-gap:10px;
	width:auto;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
}
@media (max-width:767px){
	#form_tfoot{
		grid-template-columns:auto;
	}
}
#form_tfoot:before{
	content:"";
	display:block;
}
.flex_grid,.flex_tb{
	display:flex;
	flex-direction:row;
	width:auto;
	height:auto;
}
.grid_flex_thead{
	display:block;
	width:auto;
	height:auto;
	background-color:#f5f5f5;
}
.grid_flex_tbody{
	display:grid;
	grid-template-columns:auto;
	row-gap:10px;
	width:auto;
	height:auto;
}
@media (max-width:767px){
	.hidden_767{display:none;}
}
@media (max-width:480px){
	.hidden_480{display:none;}
}
.flex_tool{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:auto;
	height:auto;
}
.flex_item{
	width:auto;
	padding:5px;
	border-radius:5px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
}
.flex_item:hover{
	background-color:#f5f5f5;
}
.flex_ck{
	width:20px;
	text-align:center;
}
.flex_index{
	width:40px;
	text-align:center;
}
.col_flex{
	box-sizing:border-box;
	padding:5px;
}
.col_1{
	width:100%;
}
.col_2{
	width:50%;
}
.col_3{
	width:33.3%;
}
.col_4{
	width:25%;
}
.col_5{
	width:20%;
}
.col_6{
	width:16.6%;
}
.col_7{
	width:14.2%;
}
.col_8{
	width:12.5%;
}
.col_9{
	width:11.1%;
}
.col_10{
	width:10%;
}
.col_767_auto,.col_480_auto{
	
}
@media (max-width:7670px)
{
	.col_767_auto{width:100%;box-sizing:border-box;}
}
@media (max-width:480px)
{
	.col_480_auto{width:100%;box-sizing:border-box;}
}
/*分页*/
.span-page{
	margin: 0 5px;
    transition: all .3s ease;
    box-sizing: border-box;
    border: 1px solid #f9f9f9;
    padding: 8px 14px;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    background-color:#82a1a4;
	color:#fff!important;
	opacity:1;
}
a.a-page{
	margin:auto;
    transition: all .3s ease;
    box-sizing: border-box;
    border: 1px solid #f9f9f9;
    padding: 8px 14px;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    color: #494949;
}
a.a-page:hover{
	background-color:#82a1a4;
	color:#fff!important;
}
.ctx{
	margin: 0 5px;
    padding: 8px 14px;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.kf_item_tel,.kf_item_sms{display:none!important;}
@media (max-width:767px)
{
	.kf_item_qq{display:none!important;}
	.kf_item_tel,.kf_item_sms{display:block!important;}
}